<div data-page="compass" class="page">
    <!-- Top Navbar-->
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left"><a href="index.html" class="back link icon-only"><i class="icon icon-back"></i></a></div>
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center">Compass</div>
        </div>
    </div>
    <!-- Scrollable page content -->
    <div class="page-content">
        <div class="content-block">
            <div class="content-block-inner" style="position:relative;">
                <div class="compass-ct">
                    <img src="images/rose.png" class="rose" alt="rose" />
                    <img src="images/compass.png" class="compass" alt="compass" />
                </div>
                <div class="compass-heading"></div>
            </div>
        </div>
    </div>
</div>